﻿/**
 * The first commented line is your dabblet’s title
 */
 
 html{
 overflow: -moz-scrollbars-vertical; 
 overflow-y: scroll;
}
 
body{
/*background-color : #ffffff;
margin : 10px auto;
font-size: .8em;
font-family: Verdana, Helvetica, Sans-Serif;
max-width: 1260px;*/
}

p
{
    line-height: 180%; 
}
    
#page-wrap
{
margin : 2px auto;
font-size: .8em;
font-family: Verdana, Helvetica, Sans-Serif;
max-width: 1260px;
    }
    #page-wrap #inside {
		margin: 2px 2px 0px 2px;
		padding-top: 0px;
		padding-bottom: 0px;
	}


#header 
{
    background-image:url('img/stripe2.png');
z-index: 2000;
position:relative;
	display: block;
/*	position:absolute;
clip: rect(0px, auto, auto, auto);*/
	/*background-color:Teal;
	background-image: url('img/wooden_background.jpg');
	background-repeat:repeat;*/
	height: auto;
	min-height:80px;
	width: 100%;
	margin: 0 auto;
	top:0px;
	-moz-box-shadow:2px 10px 15px rgba(0,0,0,0.8);
    -webkit-box-shadow: 2px 10px 15px rgba(0,0,0,0.8); 
/* border-top-right-radius: 15px;    
//     -moz-border-top-right-radius: 15px;    
//      -webkit-border-top-right-radius: 15px; 
//      border-top-left-radius: 15px;    
//     -moz-border-top-left-radius: 15px;    
      -webkit-border-top-left-radius: 15px; */
    margin-bottom:-10px;
    padding-left : 10px;
    padding-top : 10px;
}

#headerLeft{

}

#headerSlide
{
    width: auto;
    display:inline-block;
    height:auto;
    position:relative;
	margin:0 auto;
	height:auto;
	
}

#headerEmrah
{
    position: relative;
	width: 50%;
	border: 1px solid green;
	display: inline-block;
	height:auto;
	margin:0 auto;
	padding:0px 20px 0px 20px;
}

#logindisplay 
{
   display:inline-block;
   position: relative;
   width:48%;
   min-width: 200px;
   vertical-align:top;
   text-align:right;
   font-size: 1.1em;
   color: White;
}

#emrah {
position : absolute;
background-image: url('img/emrah.png');
background-repeat:no-repeat;
background-color:Black;
width:160px;
height:230px;
top:20px;
right:10px;
   width:auto;
   min-width: 200px;
   vertical-align:top;
   font-size: 1.1em;
   color: White;
   
/*margin-left: 53%;
//-moz-border-radius: 20px;
//-webkit-border-radius: 20px;
//-moz-border-top-right-radius:0px;
//-webkit-border-top-right-radius: 0px;
//-moz-border-bootom-left-radius:0px;
//-webkit-border-bottom-left-radius: 0px;
//-moz-box-shadow:2px 4px 2px rgba(0,0,0,0.8);
-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.8); */
z-index: 5500;
}



#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}


#menuContainer{

position:relative;
background:#FFFFFF;
/*display: inline-block;
background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 );*/
-moz-box-shadow: -3px 4px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: -3px 4px 2px rgba(0,0,0,0.5); 
border:2px solid #A30000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 10px 20px 10px 5px;
/*float: left;
//top:10px;
//left:-10px;
//right:170px;
//margin-top: -30px;
//margin-bottom: 20px;
z-index:10;
margin-left:10px;*/
margin:0px auto;
width:95%;

overflow:hidden;
}

#topMenu
{
margin: -10px 5px -10px 5px;
width:100%;
top:10px;
float: left;
} 

ul#nav{
padding: 0;
    position: relative;
    margin: 0;
    text-align: center;
    vertical-align: middle;
  /* background-color:green;*/
}

ul#nav li{
/*position:relative;*/
	 list-style: none;
	  display: inline-block;
	  /*margin-top:10px;*/
	  width:130px;
	  height: 40px;
	 /* width:19%;*/
     text-align:center;
    /* border: 4px groove #eeeeee;*/
     -moz-border-radius: 10px;
     opacity   : 0.5;
      /* background-color: Blue; */
    -webkit-border-radius: 10px;
    font-family:Andalus;
    padding:15px;
}

ul#nav li a{
	 color: #000;
	 font-size:1.2em;
    font-weight: bold;
    text-decoration: none; /*   background-color: #e8eef4;  color: #034af3;  text-shadow: 2px 2px 2px rgba(0,0,0,0); */
    text-shadow: 0.02cm 0.02cm 0px #fff;
    /*text-align: center;*/
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    padding: 20px;
}

ul#nav li a:selected
{
color:maroon;	
}

#main-wrapper
{
    position: relative;
    margin: 2px;
    padding:0;
    margin: 0;
    }
 
#content-wrapper
{
padding:0;
margin: 0px 300px 0px 10px;
height: 100%;
/*width: 70%;
padding-right: 350px;
display:inline-block;*/
position: absolute;
right:0px;
left:0px;
top:0;
}

#content
{
    width : 100%;
    height: auto;
/*margin: 0 auto;*/
padding: 80px 30px 0px 30px;
margin:0;
/*margin-left: 0px;
left: 10px;*/
background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#F4F4F4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 ); /* ie */
-moz-box-shadow: 3px 4px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 4px 2px rgba(0,0,0,0.5); 
border:2px solid #A30000;
/*-moz-border-radius: 20px;
-webkit-border-radius: 20px;
visibility:hidden;
top: 300px;
left: 50px;*/
overflow:hidden;
/*display: inline-block;*/
}

#sidebar-wrapper
{
    width: 200px;
margin: 0px 0px 0px 0px;
height: 100%;
position: absolute;
right:10px;
top:0;
}
#sidebar
{
/*display: inline-block;*/
/*width: 100%;
height:95%;*/
padding: 20px 0px 0px 0px;
margin-bottom : 10px;
background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#C4C4C4',GradientType=0 ); /* ie */
-moz-box-shadow: 3px 4px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 4px 2px rgba(0,0,0,0.5); 
border:2px solid #A30000;
overflow:hidden;

}

p#firstPar:first-letter{  
display:block;  
margin:12px 0 0px 0px;  
float:left;  
color:#222222;  
font-size:3.5em;  
font-family:Georgia;  
}  

#wrapper{
  margin:0 auto;
  padding:15px 15%;
  text-align:left
}
   
#contentPub {
  padding-bottom:20px;
  overflow:hidden;
}

.demo {
  margin:0;
  padding:1.5em 4.5em 0.75em;
  border:1px solid #ccc;
  position:relative;
  overflow:hidden
}

.collapse p 
{
padding:0 10px 1em;
margin: 0;
}

.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */
h1 {
  margin-bottom:.75em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#c30
}
h2{font-size:1em; font-weight:normal}

.pdf
{
    position:relative;
    float: right;
    right:-35px;
    left:auto;
    top:0px
}
.pptx
{
    position:relative;
    float: right;
    right:-80px;
    left:auto;
    top:0px
}
    
.expand
{
    padding-bottom:10px
}

/* --- Links  --- */
.expand a:link, a:visited {
  border:1px dotted maroon;
  border-width:0 0 1px;
  text-decoration:none;
  color:black
}

.expand a {
  display:block;
  padding:2px 5px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url('../img/arrow-down.gif');
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:underline
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url('../img/arrow-up.gif') no-repeat 98% 50%
}

#contactSpace
{
    display:block; 
    height:500px;
}

.transition
{
    display: none;
}